<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/5/11
  Time: 15:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div id="app">
<div class="card_posi2_list">
    <div class="card_posi_title"><div></div><div>请选择单卡面值</div><div><img src="img/hy23.png" class="contact_pop_up2"></div></div>
    <div class="mianzhiList">
        <ul id="faceList">
            <c:forEach items="${faceValueList}" var="faceValue">

                <li onclick="mianzhi('${faceValue.id}','${faceValue.faceValue}')"><div class="top">${faceValue.faceValue}</div><div class="top_bottom">¥<fmt:formatNumber value="${faceValue.faceValue*faceValue.discount}" pattern="#,#0.00#"/><span>${faceValue.discount}折</span></div></li>

            </c:forEach>

        </ul>

    </div>
</div>
</div>
<script>
    //three
    $('#three').click(function(){
        $('.card_posi2_list').slideDown()
        $('.card_posi2').fadeIn()
    })
    function mianzhi(id,value){

        //alert(id);

        $("#mianzhi").text(value);

        $("#tijiaomianzhi").text(value);
        $("#feedbackId").val(id);

        $('.card_posi2_list').slideUp()
        $('.card_posi2').fadeOut()
    };
    //关闭蒙层
    $('.card_posi2').click(function(e){
        console.log(11)
        var _con = $(this).children('.card_posi2_list')
//        !$(e.target).closest(".pop_up").length
        if(!_con.is(e.target) && _con.has(e.target).length === 0){
            $('.card_posi2_list').slideUp()
            $('.card_posi2').fadeOut()

        }
    })
    $('.contact_pop_up2').click(function(){
        $('.card_posi2_list').slideUp()
        $('.card_posi2').fadeOut()
    })
</script>